<template>
	<view class="page">
		<view class="box">
			<view class="flex flex-center">
				<image :src="totalList.top_image" mode="" class=""
					style="width: 200rpx; height: 224rpx;margin-top: 148rpx;"></image>
			</view>

			<view class="marginTop-50 fontSize-36 color-333 weight-700">
				{{totalList.title1}}
			</view>
			<image :src="totalList.bottom_image" mode="" class=""
				style="width: 154rpx; height: 154rpx;margin-top: 58rpx;">
			</image>
			<view class="marginTop-60 fontSize-36 weight-700 color-333">
				{{totalList.title2}}
			</view>
			<view class="marginTop-20 fontSize-36 weight-700 color-51D580">
				{{totalList.title3}}
			</view>
			<view class="marginTop-20 flex flex-center width-full">
				<image src="../../static/alarm-icon.png" mode="" style="width: 32rpx; height: 32rpx;"></image>
				<view class="fontSize-28 color-666" style="width: 90%;">
					{{totalList.title4}}
				</view>
			</view>
		</view>
		<view class="btn" @click="sureClick()">
			继续测试
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		inject,
		onMounted
	} from 'vue';
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	const totalList = ref({})
	const onestatApi = inject('onestat')
	onLoad(() => {

		onestatApi().then(res => {
			console.log(res)
			totalList.value = res
			console.log(totalList.value)
		})

	})
	const sureClick = () => {
		uni.redirectTo({
			url: '/pages/memory/memoryList'
		})
	}
</script>

<style scoped lang="scss">
	.page {
		padding: 30rpx;
		box-sizing: border-box;
	}

	.box {
		padding: 30rpx;
		background: #51D580;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		background-color: rgba(81, 213, 128, 0.08);
		text-align: center;
	}

	.btn {
		width: 100%;
		box-sizing: border-box;
		background: #51D580;
		border-radius: 92rpx 92rpx 92rpx 92rpx;
		text-align: center;
		line-height: 104rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		margin-top: 64rpx;
	}
</style>